<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>外卖订餐网</title>
		<link rel="stylesheet" href="layui/css/layui.css" media="all">
		<link rel="stylesheet" type="text/css" href="static/top.css" />
		<style type="text/css">
			.content img {
				margin-left: 300px;
				width: 50%;
			}
			.bottom {
				margin-left: 300px;
				margin-right: 300px;
			}
			.user_name{
				margin-bottom: 5px;
				margin-left: 10px;
			}
		</style>
	</head>

	<body>
		<div class="top">
			<div class="layui-row layui-col-space1">
				<div class="layui-col-md7 ">
					<img src="img/logo1.jpg" />
				</div>
				<div class="layui-col-md5">
					<h1>Welcome</h1>
					<p>你来点，我来送</p>
					<p>足不出户让你享受全城美食</p>
				</div>
			</div>
		</div>
		<div class="content">
			<div class="layui-row">
				<div class="layui-col-md12">
					<img src="img/logo4.jpg" />
				</div>
			</div>
		</div>
		<div class="bottom">
			<div class="layui-row">
				<div class="layui-col-md6">
					<h1 class="user_name">用户</h1>
					<a href="register.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">注册
					</a>
					<a href="login.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">登陆
					</a>
				</div>
				<div class="layui-col-md6">
					<h1 class="user_name">商家</h1>
					<a href="register.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">注册
					</a>
					<a href="login.html" class="layui-btn layui-btn-lg layui-btn-radius layui-btn-primary">登陆
					</a>
				</div>
			</div>
		</div>
	</body>
	<script src="layui/lay/modules/form.js"></script>
	<script src="layer/layer.js"></script>
	<script src="layui/layui.js"></script>
	<script src="layui/lay/modules/carousel.js"></script>
	<script>
		layui.use('carousel', function() {
			var carousel = layui.carousel;
			//建造实例
			carousel.render({
				elem: '#test1',
				width: '100%', //设置容器宽度
				height: '400px',
				arrow: 'always' //始终显示箭头
				//,anim: 'updown' //切换动画方式
			});
		});
	</script>

</html>